<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>用户管理中心</title>
    <script src="../public/maincss.js"></script>
    <style>
        .cloud-main-l .l-l {
            min-height:0;
            padding:0;
            width: 400px;
        }
        .cloud-main-l .l-l .slider-m-o .sys-m .sel{
            width:220px;
        }
        .cloud-main-l .l-l .slider-m-o .sys-m .sel-m-o {
            width: 220px;
        }
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="managertitle">
                    <div style="margin:10px -20px 0px -20px">
                        <div class="server-title">
                            <span id="productName"></span>
                        </div>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="server-control">
                         <input type="button" class="manager-btn mr-10" value="编辑" onclick="EditTimeDiy()">
                        <input type="button" class="manager-btn mr-10" id="btnBackList" value="返回列表">
                    </div>
                    <div style="margin-top:20px;border-left: 3px solid #6d7781">
                        <div style="background: #F4F4F4;padding: 10px 0 10px 10px">
                            <b>产品详情</b>
                        </div>
                    </div>
                    <div class="right_side_bottom">
                        <table width="100%" class="table table-striped table-bordered table-hover" id="view">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--编辑-->
<div class="add-uer-box" id="editTimeBox" style="display:none">
    <form method="post" action="#" id="editTime">
        <input type="hidden" id="id" value="">
        <table class="table-form" style="margin:20px 20px 0px 20px;">
            <tr>
                <td width="30%"><label class="control-label">开通时间：</label></td>
                <td><input type="text" placeholder="请输入到开通时间" style="width:180px;"  class="form-control laydate-icon" id="startTime"></td>
            </tr>
            <tr>
                <td width="30%"><label class="control-label">到期时间：</label></td>
                <td><input type="text" placeholder="请输入到期时间" style="width:180px;"  class="form-control laydate-icon" id="endTime"></td>
            </tr>
            <tr>
                <td width="30%"><label class="control-label">1个月续费价格：</label></td>
                <td><input type="text" placeholder="请输入1个月续费价格" style="width:180px;" class="form-control" id="renewMonthPrice"></td>
            </tr>
            <tr>
                <td width="30%"><label class="control-label">1年续费价格：</label></td>
                <td><input type="text" placeholder="请输入1年续费价格" style="width:180px;" class="form-control" id="renewYearPrice"></td>
            </tr>
        </table>
    </form>
</div>

<script src="../public/main.js"></script>
<script src="js/detail.js"></script>
</body>
</html>
